<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>拉勾网</title>
	<!--清除页面浮动-->
	<style type="text/css">
		*{margin: 0;padding: 0;}
		p,h1,h2,h3,h4,h5,h6,dl,dt,dd,ol,ul,li{margin: 0px;padding: 0px;}
	</style>
	<link rel="stylesheet" type="text/css" href="css/index.css">
</head>
<body>

	<div id="box">
		<!--头部-->
		<div class="header">
			<!--上面导航-->
			<div class="h_top">
				<!--导航文字-->
				<div class="topCon mian clearFixed">
					<!--左边区域-->
					<div class="conLeft fl">
						<!--网站介绍文字-->
						<div class="leftTxt1 fl">
							<a href="#" class="logo">拉钩</a>
							<a href="#" class="city">全国站</a>
							<a href="#" class="city1">[切换城市]</a>
						</div>
						<ul class="ulList clearFixed fl">
							<li><a href="#">首页</a></li>
							<li><a href="#">公司</a></li>
							<li><a href="#">校园</a></li>
							<li><a href="#">言职</a></li>
							<li><a href="#">课程</a></li>
						</ul>
					</div>
					<!--右边区域-->
					<div class="conRight fr">
						<!--导航文字-->
						<ul class="ulList clearFixed">
							<li><a href="demo.html" class="login"><span></span>登录</a></li>
							<li><a href="zhuce.html" class="login2" ><span>|</span>注册</a></li>
							<li><a href="#" class="app"><span></span>拉钩APP</a></li>
							<li><a href="demo.html" target="_blank">进入企业版</a></li>
						</ul>
					</div>
				</div>
			</div>
			<!--下面图片-->
			<div class="h_bottom">
				<!--文字-->
				<div class="botCon mian">
					<!--左部分-->
					<div class="conLeft fl">
						<div class="imgBox"><img src="img/footer_lagou.png"></div>
						<div class="txtBox">7555585家公司|67676767个职位在拉钩等你</div>
					</div>
					<!--右部分-->
					<div class="conRight fr">
						<div class="btnBox">
							<input type="text" placeholder="输入手机号" class="fl txt1">
						<p class="fl btnTxt">
							<input type="text" placeholder="验证码" class="txt2">
							|
							<a href="#" class="aTxt2">获取</a>	
						</p>
						<input type="submit" value="登录/注册" class="fl btnSub">
						</div>
					</div>
				</div>
			</div>
		</div>
		<!--搜索-->
		<div class="sear">
			<div class="searCon mian">
				<!--搜索区域-->
				<div class="search">
					<input type="text" placeholder="搜索公司,搜索职位或地点" class="searchInp" />
					<a href="#" class="btn">搜索</a>
				</div>
				<!--热门搜索-->
				<ul class="searList clearFixed">
					<li><a href="#">热门搜索 :</a></li>
						<li><a href="#">24小时极速入职</a></li>
						<li><a href="#">名企校招早班车</a></li>
						<li><a href="#">Java面试</a></li>
						<li><a href="#">架构设计</a></li>
						<li><a href="#">数据分析</a></li>
						<li><a href="#">PHP</a></li>
						<li><a href="#">C++</a></li>
				</ul>
				</div>
			</div>
		</div>
		<!--轮播图-->
		<div class="banner">
			<!--内容导航区域-->
			<div class="botCon mian clearFixed">
				<!--内容-->
				<div class="banLeft fl">
					<ul class="ulList">
							<li>
								<a href="">技术</a>
								<a href="">Java</a>
								<a href="">PHP</a>
								<a href="">区块链</a>
								<span class="fr">&gt;</span>
							</li>
							<li>
								<a href="">产品</a>
								<a href="">产品总监</a>
								<a href="">产品经理</a>
								<span class="fr">&gt;</span>
							</li>
							<li>
								<a href="">设计</a>
								<a href="">UI设计</a>
								<a href="">交互设计</a>
								<a href="">网页设计</a>
								<span class="fr">&gt;</span>
							</li>
							<li>
								<a href="">运营</a>
								<a href="">新媒体运营</a>
								<a href="">编辑</a>
								<a href="">数据运营</a>
								<span class="fr">&gt;</span>
							</li>
							<li>
								<a href="">市场</a>
								<a href="">市场营销</a>
								<a href="">市场推广</a>
								<a href="">市场策划</a>
								<span class="fr">&gt;</span>
							</li>
							<li>
								<a href="">销售</a>
								<a href="">销售专员</a>
								<a href="">销售经理</a>
								<a href="">销售总监</a>
								<span class="fr">&gt;</span>
							</li>
							<li>
								<a href="">职能</a>
								<a href="">HR</a>
								<a href="">行政</a>
								<a href="">财务</a>
								<a href="">审计</a>
								<span class="fr">&gt;</span>
							</li>
							<li>
								<a href="">游戏</a>
								<a href="">小游戏开发</a>
								<a href="">U3D</a>
								<a href="">游戏策划</a>
								<span class="fr">&gt;</span>
							</li>
					</ul>
				</div>
				<!--轮播区域-->
				<div class="banRight fr">
					<div class="banImgBox">
						<img src="img/banner.JPG" class="banImg" alt="">
					</div>
					<span class="btnLeft">&lt;</span>
					<span class="btnRight">&gt;</span>
				</div>
			</div>
		</div>
		<!--内容区域-->
		<div class="content mian">
			<div class="line1">
				<div class="lineTop">
					<div class="top1">
						<a href="" class="hotBtn">24Hour热门</a>
						<a href="" class="newBtn">最新职位</a>
					</div>
					<div class="top2">
						<span class="fl">?</span>
						<a href="" class="fl">在过去的24小时,最多人看过的岗位在这里</a>
						<a href="" class="fl">我知道了</a>
					</div>
				</div>
				<ul class="conUl">
					<li class="clearFixed">
						<div class="conBox fl">
							<p class="job clearFixed">
								<span class=" fl">Java开发工程师</span>
								<span class="time fl">[10:35发布]</span>
								<img class="fl" src="img/icon_chat.png">
								<span class="money fr">10K-15K</span>
							</p>
							<p class="btn">经验5-10年/大专</p>
							<p class="clearFixed pBor">
								<span class="btn2 fl">电商</span>
								<span class="btn2 fl">移动互联网</span>
							</p>
							<div class="imgBox clearFixed">
								<img src="img/con2.png" alt="" class="fl" />
								<div class="imgTxt fl">
									<p class="txt1">长沙千锋教育科技有限公司</p>
									<p class="txt2">教育/未融资/长沙</p>
								</div>
							</div>
						</div>
						<div class="conBox fl">
							<p class="job clearFixed">
								<span class=" fl">Java开发工程师</span>
								<span class="time fl">[10:35发布]</span>
								<img class="fl" src="img/icon_chat.png">
								<span class="money fr">10K-15K</span>
							</p>
							<p class="btn">经验5-10年/大专</p>
							<p class="clearFixed pBor">
								<span class="btn2 fl">电商</span>
								<span class="btn2 fl">移动互联网</span>
							</p>
							<div class="imgBox clearFixed">
								<img src="img/con2.png" alt="" class="fl" />
								<div class="imgTxt fl">
									<p class="txt1">长沙千锋教育科技有限公司</p>
									<p class="txt2">教育/未融资/长沙</p>
								</div>
							</div>
						</div>
						<div class="conBox fl">
							<p class="job clearFixed">
								<span class=" fl">Java开发工程师</span>
								<span class="time fl">[10:35发布]</span>
								<img class="fl" src="img/icon_chat.png">
								<span class="money fr">10K-15K</span>
							</p>
							<p class="btn">经验5-10年/大专</p>
							<p class="clearFixed pBor">
								<span class="btn2 fl">电商</span>
								<span class="btn2 fl">移动互联网</span>
							</p>
							<div class="imgBox clearFixed">
								<img src="img/con2.png" alt="" class="fl" />
								<div class="imgTxt fl">
									<p class="txt1">长沙千锋教育科技有限公司</p>
									<p class="txt2">教育/未融资/长沙</p>
								</div>
							</div>
						</div>
					</li>
					<li class="clearFixed">
						<div class="conBox fl">
							<p class="job clearFixed">
								<span class=" fl">Java开发工程师</span>
								<span class="time fl">[10:35发布]</span>
								<img class="fl" src="img/icon_chat.png">
								<span class="money fr">10K-15K</span>
							</p>
							<p class="btn">经验5-10年/大专</p>
							<p class="clearFixed pBor">
								<span class="btn2 fl">电商</span>
								<span class="btn2 fl">移动互联网</span>
							</p>
							<div class="imgBox clearFixed">
								<img src="img/con2.png" alt="" class="fl" />
								<div class="imgTxt fl">
									<p class="txt1">长沙千锋教育科技有限公司</p>
									<p class="txt2">教育/未融资/长沙</p>
								</div>
							</div>
						</div>
						<div class="conBox fl">
							<p class="job clearFixed">
								<span class=" fl">Java开发工程师</span>
								<span class="time fl">[10:35发布]</span>
								<img class="fl" src="img/icon_chat.png">
								<span class="money fr">10K-15K</span>
							</p>
							<p class="btn">经验5-10年/大专</p>
							<p class="clearFixed pBor">
								<span class="btn2 fl">电商</span>
								<span class="btn2 fl">移动互联网</span>
							</p>
							<div class="imgBox clearFixed">
								<img src="img/con2.png" alt="" class="fl" />
								<div class="imgTxt fl">
									<p class="txt1">长沙千锋教育科技有限公司</p>
									<p class="txt2">教育/未融资/长沙</p>
								</div>
							</div>
						</div>
						<div class="conBox fl">
							<p class="job clearFixed">
								<span class=" fl">Java开发工程师</span>
								<span class="time fl">[10:35发布]</span>
								<img class="fl" src="img/icon_chat.png">
								<span class="money fr">10K-15K</span>
							</p>
							<p class="btn">经验5-10年/大专</p>
							<p class="clearFixed pBor">
								<span class="btn2 fl">电商</span>
								<span class="btn2 fl">移动互联网</span>
							</p>
							<div class="imgBox clearFixed">
								<img src="img/con2.png" alt="" class="fl" />
								<div class="imgTxt fl">
									<p class="txt1">长沙千锋教育科技有限公司</p>
									<p class="txt2">教育/未融资/长沙</p>
								</div>
							</div>
						</div>
					</li>
					<li class="clearFixed">
						<div class="conBox fl">
							<p class="job clearFixed">
								<span class=" fl">Java开发工程师</span>
								<span class="time fl">[10:35发布]</span>
								<img class="fl" src="img/icon_chat.png">
								<span class="money fr">10K-15K</span>
							</p>
							<p class="btn">经验5-10年/大专</p>
							<p class="clearFixed pBor">
								<span class="btn2 fl">电商</span>
								<span class="btn2 fl">移动互联网</span>
							</p>
							<div class="imgBox clearFixed">
								<img src="img/con2.png" alt="" class="fl" />
								<div class="imgTxt fl">
									<p class="txt1">长沙千锋教育科技有限公司</p>
									<p class="txt2">教育/未融资/长沙</p>
								</div>
							</div>
						</div>
						<div class="conBox fl">
							<p class="job clearFixed">
								<span class=" fl">Java开发工程师</span>
								<span class="time fl">[10:35发布]</span>
								<img class="fl" src="img/icon_chat.png">
								<span class="money fr">10K-15K</span>
							</p>
							<p class="btn">经验5-10年/大专</p>
							<p class="clearFixed pBor">
								<span class="btn2 fl">电商</span>
								<span class="btn2 fl">移动互联网</span>
							</p>
							<div class="imgBox clearFixed">
								<img src="img/con2.png" alt="" class="fl" />
								<div class="imgTxt fl">
									<p class="txt1">长沙千锋教育科技有限公司</p>
									<p class="txt2">教育/未融资/长沙</p>
								</div>
							</div>
						</div>
						<div class="conBox fl">
							<p class="job clearFixed">
								<span class=" fl">Java开发工程师</span>
								<span class="time fl">[10:35发布]</span>
								<img class="fl" src="img/icon_chat.png">
								<span class="money fr">10K-15K</span>
							</p>
							<p class="btn">经验5-10年/大专</p>
							<p class="clearFixed pBor">
								<span class="btn2 fl">电商</span>
								<span class="btn2 fl">移动互联网</span>
							</p>
							<div class="imgBox clearFixed">
								<img src="img/con2.png" alt="" class="fl" />
								<div class="imgTxt fl">
									<p class="txt1">长沙千锋教育科技有限公司</p>
									<p class="txt2">教育/未融资/长沙</p>
								</div>
							</div>
						</div>
					</li>
				</ul>
				<p class="more">查看更多</p>
			</div>
			<div class="line2">
				<div class="lineTop">
					<div class="top1">
						<a href="" class="hotBtn">互联网热门公司榜</a>
					</div>
					<div class="top2">
						<span class="fl">?</span>
						<a href="" class="fl">在过去的24小时,最多人看过的岗位在这里</a>
						<a href="" class="fl">我知道了</a>
					</div>
				</div>
				<div class="con2Box clearFixed">
					<div class="listBox fl">
						<img src="img/con2.png" alt="" />
						<span class="spa1">数据堂</span>
						<p class="txt1">数据服务,数据服务</p>
						<p class="txt2">发掘数据的价值,便利人们生活,让人们怎么怎么样哈哈哈哈</p>
						<div class="listCon clearFixed">
							<div class="box1 fl">
								<p>20</p>
								面试评价
							</div>
							<div class="box1 fl">
								<p>20</p>
								面试评价
							</div>
							<div class="box1 fl">
								<p>20</p>
								面试评价
							</div>
						</div>
					</div>
					<div class="listBox fl">
						<img src="img/con2.png" alt="" />
						<span class="spa1">数据堂</span>
						<p class="txt1">数据服务,数据服务</p>
						<p class="txt2">发掘数据的价值,便利人们生活,让人们怎么怎么样哈哈哈哈</p>
						<div class="listCon clearFixed">
							<div class="box1 fl">
								<p>20</p>
								面试评价
							</div>
							<div class="box1 fl">
								<p>20</p>
								面试评价
							</div>
							<div class="box1 fl">
								<p>20</p>
								面试评价
							</div>
						</div>
					</div>
					<div class="listBox fl">
						<img src="img/con2.png" alt="" />
						<span class="spa1">数据堂</span>
						<p class="txt1">数据服务,数据服务</p>
						<p class="txt2">发掘数据的价值,便利人们生活,让人们怎么怎么样哈哈哈哈</p>
						<div class="listCon clearFixed">
							<div class="box1 fl">
								<p>20</p>
								面试评价
							</div>
							<div class="box1 fl">
								<p>20</p>
								面试评价
							</div>
							<div class="box1 fl">
								<p>20</p>
								面试评价
							</div>
						</div>
					</div>
					<div class="listBox fl">
						<img src="img/con2.png" alt="" />
						<span class="spa1">数据堂</span>
						<p class="txt1">数据服务,数据服务</p>
						<p class="txt2">发掘数据的价值,便利人们生活,让人们怎么怎么样哈哈哈哈</p>
						<div class="listCon clearFixed">
							<div class="box1 fl">
								<p>20</p>
								面试评价
							</div>
							<div class="box1 fl">
								<p>20</p>
								面试评价
							</div>
							<div class="box1 fl">
								<p>20</p>
								面试评价
							</div>
						</div>
					</div>
				</div>
				<div class="con2Box clearFixed">
					<div class="listBox fl">
						<img src="img/con2.png" alt="" />
						<span class="spa1">数据堂</span>
						<p class="txt1">数据服务,数据服务</p>
						<p class="txt2">发掘数据的价值,便利人们生活,让人们怎么怎么样哈哈哈哈</p>
						<div class="listCon clearFixed">
							<div class="box1 fl">
								<p>20</p>
								面试评价
							</div>
							<div class="box1 fl">
								<p>20</p>
								面试评价
							</div>
							<div class="box1 fl">
								<p>20</p>
								面试评价
							</div>
						</div>
					</div>
					<div class="listBox fl">
						<img src="img/con2.png" alt="" />
						<span class="spa1">数据堂</span>
						<p class="txt1">数据服务,数据服务</p>
						<p class="txt2">发掘数据的价值,便利人们生活,让人们怎么怎么样哈哈哈哈</p>
						<div class="listCon clearFixed">
							<div class="box1 fl">
								<p>20</p>
								面试评价
							</div>
							<div class="box1 fl">
								<p>20</p>
								面试评价
							</div>
							<div class="box1 fl">
								<p>20</p>
								面试评价
							</div>
						</div>
					</div>
					<div class="listBox fl">
						<img src="img/con2.png" alt="" />
						<span class="spa1">数据堂</span>
						<p class="txt1">数据服务,数据服务</p>
						<p class="txt2">发掘数据的价值,便利人们生活,让人们怎么怎么样哈哈哈哈</p>
						<div class="listCon clearFixed">
							<div class="box1 fl">
								<p>20</p>
								面试评价
							</div>
							<div class="box1 fl">
								<p>20</p>
								面试评价
							</div>
							<div class="box1 fl">
								<p>20</p>
								面试评价
							</div>
						</div>
					</div>
					<div class="listBox fl">
						<img src="img/con2.png" alt="" />
						<span class="spa1">数据堂</span>
						<p class="txt1">数据服务,数据服务</p>
						<p class="txt2">发掘数据的价值,便利人们生活,让人们怎么怎么样哈哈哈哈</p>
						<div class="listCon clearFixed">
							<div class="box1 fl">
								<p>20</p>
								面试评价
							</div>
							<div class="box1 fl">
								<p>20</p>
								面试评价
							</div>
							<div class="box1 fl">
								<p>20</p>
								面试评价
							</div>
						</div>
					</div>
				</div>
				<p class="more">查看更多</p>
			</div>
			<div class="line3">
				<div class="lineTop">
					<div class="top1">
						<a href="" class="hotBtn">友情链接</a>
					</div>
					<div class="btnCon">
						<a href="">拉勾网</a>
						<a href="">教师网</a>
						<a href="">照片</a>
						<a href="">拉勾网</a>
						<a href="">教师网</a>
						<a href="">照片</a>
						<a href="">拉勾网</a>
						<a href="">教师网</a>
						<a href="">照片</a>
						<a href="">拉勾网</a>
						<a href="">教师网</a>
						<a href="">照片</a>
						<a href="">照片</a>
						<a href="">拉勾网</a>
						<a href="">教师网</a>
						<a href="">照片</a>
						<a href="">照片</a>
						<a href="">拉勾网</a>
						<a href="">教师网</a>
						<a href="">照片</a>
						<p class="fr openTxt">展开<img src="img2/open.jpg" alt="" class="fr"></p>
					</div>
				</div>
			</div>
		</div>
		<!--底部区域-->
		<div class="footer">
			<div class="fooTop mian">
				<div class="appBox fl">
					<p class="btnApp"><span></span>下载拉钩APP</p>
					<p class="btnApp"><span></span>微信小程序</p>
					<p class="btnTxt">
						<img src="img2/icon-wechat.png" alt="" /> 拉勾微信
						<img src="img2/icon-sina1.png" alt="" /> 拉勾微博
					</p>
				</div>
				<dl class="fl">
					<dt>企业服务</dt>
					<dd>招聘抢人宝典</dd>
					<dd>公司搜索</dd>
					<dd>拉钩APP</dd>
				</dl>
				<dl class="fl dlCen">
					<dt>企业服务</dt>
					<dd>招聘抢人宝典</dd>
					<dd>公司搜索</dd>
					<dd>拉钩APP</dd>
				</dl>
				<dl class="fl">
					<dt>企业服务</dt>
					<dd>招聘抢人宝典</dd>
					<dd>公司搜索</dd>
					<dd>拉钩APP</dd>
				</dl>
			</div>
			<div class="fooBottom">
				<div class="bottCon mian">
					<p class="txtP1 fl">&copy;2021 拉勾网 京ICP备12312343</p>
					<p class="txtP2 fl"><span class="fl"></span>京公安网备 110108099987658776号</p>
					<div class="txtBox fl">
						<span class="fl"></span>
						<p>
							违法和不良信息举报<br>
							电话:4007878<br>
							邮箱:cc@lagou.com<br>
						</p>
					</div>
					<div class="imgBox fr"><img src="img/footer_lagou.png"></div>
				</div>
			</div>
		</div>
	</div>

</body>
</html>